@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
    color: #9a9899;
	font-size: 14px;
}
/*1.网页头部：设置宽 100% 高 47px  边框*/
header{
	width: 100%;
	height: 47px;
	bor der: 1px solid red;
	background-color: #333;
}
/*2.网页中控：显示主体内容，占主体、页尾中控,水平居中*/
div#wrapper{
	width: 981px;
	height: 47px;/*考虑：主体、页尾占宽度+高度*/
	backg round-color: #00ff00;
	/*居中*/
	margin: 0 auto;
}
/*3.网页中控区：左侧部分*/
div#wrapper div.left{
	width: 660px;
	height: 47px;
	backg round-color: #eedf09;
	float: left;
}
/*3.1左侧部分 li 导航数据:布局：浮动、设置高*/
div#wrapper div.left ul li{
	float: left;
	height: 47px;
}
/*3.2左侧部分 li a 垂直居中、左右空间*/
div#wrapper div.left ul li a{
	border-right: 1px solid #424242;
	line-height: 47px;
	padding: 0 6px;
} 
/*3.3左侧部分：最后一个竖边拿下*/
div#wrapper div.left ul li a.fix{
	border: none;
}
div#wrapper div.right{
	width: 200px;
	height: 47px;
	backgr ound-color: #ff5500;
	float: right;
}
div#wrapper div.right ul li{
	float: right;
}
div#wrapper div.right ul li a{
	line-height: 47px;
	border-right: 1px solid #424242;
	padding: 0 8px;
}
div#wrapper div.right ul li a.fix{
	border: none;
}
div#wrapper div.right ul li.ul_right{
	background-color: #424242;
	width: 100px;
}
div#wrapper div.right ul li i.shop{
	bor der: 1px solid red;
	padding: 0 10px;
	background: url(../img/buy.png) no-repeat;
	ma rgin-top: 10px;
	position: relative;
	top: 3px;
}
div#wrapper div.right ul li.ul_right:hover{
	background-color: #fff;
}								
div#wrapper div.right ul li.ul_right:hover a{
	color: #ffaa00;
}
div#wrapper div.right ul li.ul_right:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
} 
div#wrapper div.left ul li a:hover,div#wrapper div.right ul li a:hover{
	color: #fff;
}
@charset "utf-8";
*{
	
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9898;
	font-size: 14px;
}
/* 1.网页头部：47px 宽:100%,边框 */
header{
	height: 60px;
	width: 100%;
	background-color: #333;
	bor der: 1px solid red;
}
/* 2.中控区：两次留白，宽度影响，主体，页尾部分 */
div#wrapper{
	width: 80%;
	height: 60px;/* 小心高度 */
	background-color: #333;
	margin: 0 auto;
}
/* 3. 左侧局部：左浮动*/
div#wrapper div.left{
	width: 805px;
	height: 60px;
	background-color: #333;
	float: left;
}
/* 3.1左侧布局 :浮动*/
div#wrapper div.left ul li{
	float: left;
	bor der: 1px solid red;
	height: 60px;
	color: #7f9898;
}
/* 3.2左侧布局：竖条跟文字高度一致，垂直居中 */
div#wrapper div.left ul li a{
	/* 所有文本包含左侧边 */
	line-height: 60px;
	border-right: 1px solid #424242;
	padding: 0 5px;
}
/* 3.3最右侧竖边拿下 */
div#wrapper div.left ul li a.fix{
	border: none;
}


/* 4.右侧布局：右浮动 */
div#wrapper div.right{
	width: 370px;
	height: 60px;
	background-color: #333;
	float: right;
}
/* 4.1 右侧：浮动 */
div#wrapper div.right ul li{
	float: right;
}
/* 4.2右侧：文本居中 */
div#wrapper div.right ul li a{
	line-height:60px;
	border-right: 1px solid #424242;
	padding: 0 6px;
	
}
div#wrapper div.right ul li i.shop{
	bor der: 1px solid red;
	padding: 0 10px;
	background: url(../img/buy.png) no-repeat;
}
div#wrapper div.right ul li a.fix{
	border: none;
}
div#wrapper div.right ul li.ul_li_right{
	bor der: 1px solid red;
	width: 100px;
	background-color: #424242;
}
div#wrapper div.right ul li.ul_li_right:hover{
	background-color: #fff;
	
}
div#wrapper div.right ul li.ul_li_right:hover a{
	color: #ff6700;
}
div#wrapper div.right ul li.ul_li_right:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
	
}
div#wrapper div.left ul li a:hover,div#wrapper div.right ul li a:hover{
	color: #fff;
}

d iv#wrapper div.right ul li{
	float: left;
	height: 60px;
	
	
}
d iv#wrapper div.right ul li a{
	/* 所有文本包含左侧边 */
	line-height: 60px;
	border-right: 1px solid #424242;
	padding: 0 5px;
}
d iv#wrapper div.right ul li a.fix2{
	border: none;
}